<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>求购详情</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
	<!-- 引入核心样式 -->
	<link href="http://appimg.yinsoso.com/css/weui.min.css" rel="stylesheet">
	<link href="http://appimg.yinsoso.com/css/jquery-weui.css" rel="stylesheet">
	<link href="http://appimg.yinsoso.com/css/public.css" rel="stylesheet">
	<link href="http://appimg.yinsoso.com/css/style-min.css" rel="stylesheet">
	
	<link href="http://appimg.yinsoso.com/css/swiper-3.3.1.min.css" rel="stylesheet" />
    <!--当前页面的css-->   
    <link href="css/buyDetails.css" rel="stylesheet"> 
	<!-- 引入核心JS -->
	<script src="http://appimg.yinsoso.com/js/vue.min.js"></script>
	<script src="http://appimg.yinsoso.com/js/3.2.0-jquery.min.js"></script>
	<script src="http://appimg.yinsoso.com/js/jquery-weui.min.js"></script>
	<script src="http://appimg.yinsoso.com/js/index.min.js"></script>
	<script src="http://appimg.yinsoso.com/js/fastclick.min.js"></script>
	<script src="http://appimg.yinsoso.com/js/common.js" ></script>
	<script src="http://appimg.yinsoso.com/js/swiper-3.3.1.min.js" ></script>
</head>
<body>
<div id="app">
	<!-- 顶部 -->
	<!-- 轮播 -->
	<div class="buyBanner">
		<!-- Swiper -->
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide" v-for="(item, index) in bannerData" :key="index">
						<a href="javascript:void(0);"><img :src="item"/></a>
					</div>
				</div>
				<!-- Add Pagination -->
				<div class="swiper-pagination"></div> 
			</div>
	</div>
	<!-- 主体列表 -->
	<ul class="buyMain">
		<li class="clearfix">
			<div class="buyMain-left">
				<span>求购产品:</span>
			</div>
			<div class="buyMain-right">
				<P>{{data.product_name}} </P>
			</div>
		</li>
		<li class="clearfix">
			<div class="buyMain-left">
				<span>产品类型:</span>
			</div>
			<div class="buyMain-right">
				<P>{{data.product_type}} </P>
			</div>
		</li>
		<li class="clearfix">
			<div class="buyMain-left">
				<span>采购数量:</span>
			</div>
			<div class="buyMain-right">
				<P>{{data.want_num}}</P>
			</div>
		</li>
		<li class="clearfix">
			<div class="buyMain-left">
				<span>具体描述:</span>
			</div>
			<div class="buyMain-right">
				<P>{{data.description}}</P>
			</div>
		</li>
		<li class="clearfix">
			<div class="buyMain-left">
				<span>求购人:</span>
			</div>
			<div class="buyMain-right">
				<P>{{data.contact}}</P>
			</div>
		</li>
		<li class="clearfix">
			<div class="buyMain-left">
				<span>公司介绍:</span>
			</div>
			<div class="buyMain-right">
				<P>{{data.company_info}} </P>
			</div>
		</li>
		<li class="clearfix">
			<div class="buyMain-left">
				<span>联系方式:</span>
			</div>
			<div class="buyMain-right">
				<P>{{data.mobile}}</P>
			</div>
		</li>
	</ul>
	<div class="clear"></div>
	<div style="height: 1.62rem;width: 100%;"></div>
	<!-- 底部操作区域 -->
	<ul class="buyDetails_foot">
		<li class="buyD-collect">
			<div class="collect-img" @click="collect">
				<img :src="imageSrc">
			</div>
			<div class="txt">{{txtDes}}</div>
		</li>
		</li>
		<li class="buyD-chet">
				<a  @click="urlHref(data.id)"><img src="../../../images/chat.png">在线留言</a>
		</li>
		<li class="buyD-phone">
			<a @click="toMobile(data.mobile)"><img src="../images/phone.png">拨打电话</a>
		</li>
	</ul>
	
</div>	
<script src="js/buyDetails.js"></script>
</body>
</html>